1. 获取目标元素的宽度和高度,使用el.clientWidth和el.clientHeight。
3. 设置目标元素的定位属性为relative,以便相对定位水印元素。
4. 创建一个 span 元素作为水印模板。使用 span.style 设定水印元素的样式,包括字体、颜色、大小、位置、旋转等。
5. 嵌套循环遍历目标元素的宽度和高度,在每个位置创建水印元素的克隆并通过el.appendChild(cloneSpan)附加到目标元素。
6. 在Vue模板中使用v-watermark指令,传递参数,可在任何元素上添加水印。